<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="../din-pro-cond-cufonfonts-webfont/style.css">
    <link rel="stylesheet" href="./css/GlobalStyle.css">
    <link rel="stylesheet" href="../css/Titel.css">
    <link rel="stylesheet" href="./css/MIndex.css">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <script type="text/javascript" src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
    <script src="./script/nvabar.js"></script>

    <title>Document</title>
</head>

<body>
    <nav class="navbar" role="navigation">
        <div class="container">
            <?xml version="1.0" encoding="UTF-8"?>
            <svg width="24px" height="30px" viewBox="0 0 24 30" version="1.1" xmlns="http://www.w3.org/2000/svg"
                xmlns:xlink="http://www.w3.org/1999/xlink">
                <g id="Welcome" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
                    <g id="首页导航" transform="translate(-50.000000, -510.000000)">
                        <g id="Group-3" transform="translate(0.000000, 500.000000)">
                            <path
                                d="M73.5765865,28.0001431 L73.5765865,31.365418 L66.381,34 L73.5764843,36.6345207 L73.5764843,40 L61.7926059,35.6810432 L66.3206532,34.0230347 L66.363,34.006 L66.3205715,34.0229734 L61.7927285,35.6809819 L61.7908277,35.6809001 L61.7891926,35.6827396 L61.7272625,35.7056313 L50,39.9998569 L50,36.6364215 L57.1959449,34 L57.4436651,34.0903402 L61.7272625,35.6580085 L61.7891926,35.6809001 L61.7273238,35.6578859 L57.4437264,34.090422 L57.1960062,34.0000818 L57.4437264,33.9097415 L61.7273238,32.3420733 L61.7890495,32.3191816 L61.7927081,32.3190999 L73.5765865,28.0001431 Z M73.5771383,21.9996525 L73.5771383,25.3649274 L66.3811934,27.9995095 L66.3208985,28.0226055 L61.7895809,29.6822491 L61.7276508,29.7053451 L50.000184,33.9995708 L50.000184,30.635931 L57.1963333,27.9995095 L57.4440535,27.9093736 L61.7276508,26.3419097 L61.7895809,26.3188137 L61.7914204,26.3188137 L73.5771383,21.9996525 Z M73.5771383,15.9999387 L73.5771383,19.3650092 L66.3811934,21.9995912 L66.3208985,22.0228916 L61.7895809,23.6823309 L61.7276508,23.7054269 L50.000184,27.9996525 L50.000184,24.6360128 L57.1963333,21.9995912 L57.4440535,21.9094554 L61.7276508,20.3419915 L61.7895809,20.3188955 L61.7914204,20.3188955 L73.5771383,15.9999387 Z M73.5770361,10 L73.5770361,13.3652749 L66.3810912,15.9998569 L66.3207963,16.0227486 L61.7894787,17.6825966 L61.7275487,17.7054882 L50.0000818,21.9997139 L50.0000818,18.6360741 L57.1962311,15.9998569 L57.4441556,15.9095167 L61.7275487,14.3420528 L61.7894787,14.3189568 L61.7913182,14.3189568 L73.5766274,10 L73.5770361,10 Z M66.3808255,10.0003679 L66.320735,10.0232595 L61.789213,11.6831075 L61.7272829,11.7062036 L50.0000204,16.0002248 L50.0000204,12.6367894 L57.1959653,10.0003679 L66.3808255,10.0003679 Z"
                                id="Combined-Shape"></path>
                        </g>
                    </g>
                </g>
            </svg>
        </div>
        <div id="SearchAndButton">
            <img id="search" src="../icons/search.svg" alt="">
            <img id="navbarListButton" src="../icons/menu.svg" alt="">
        </div>
    </nav>
    <div class="Carouselbox">
        <div class='CarouselboxImg'
            style="background-image: url('../img/首页banner/新媒体中心 王冰.jpg');background-size: cover;"></div>
        <div class="CarouselboxTitleAndButton">
            <div class="CarouselboxTitle">
                <div class='Carouseltext'>
                    <span ID='CarouselTitle'>照片标题</span>
                    <span class='CarouselName'>刘璐</span>
                    <span class='CarouselName'>摄影</span>
                </div>
                <ul class="CarouselButtons">
                    <li class="CarouselButton"></li>
                    <li class="CarouselButton"></li>
                    <li class="CarouselButton"></li>
                    <li class="CarouselButton"></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="NewsAndHeadlines">
        <div class="News">
            <div class="Titel" id="TitelHeadlines">学院头条</div>
            <div class="TitelBack">SPOTLIGHT</div>
            <div class="NewsImg">
                <img src="../img/首页新闻图片.jpg" alt="">
            </div>
            <div class="NewsHeadlineAndNewsTime">
                <div class="NewsHeadline">学院设计系举行“不忘初心，牢记使命”主题教育党员···</div>
                <div class="NewsTime">2019.11.14</div>
                <div class="NewsAuthor">罗婉娇 图</div>
            </div>
        </div>
    </div>
    <div class="Headlines">
        <div class="Titel HeadlinesTitel" id="Titel">学院新闻</div>
        <div class="Titel HeadlinesTitel HeadlinesTitelback" id="TitelBackTitel">通知公告</div>
        <div class="HeadlinesNewsTitels">
            <div class="HeadlinesNews">
                <div class="HeadlinesNewsTitel">
                    农业生产一线亦是战“疫”一线 农大专家教授躬身入局（图组）
                </div>
                <div class="HeadlinesNewsTime">2.24</div>
                <div class="HeadlinesNewsYear">2020</div>
            </div>
            <div class="HeadlinesNews">
                <div class="HeadlinesNewsTitel">
                    全国人民代表大会常务委员会关于全面禁止非法野生动物交易、个数滥食野生···
                </div>
                <div class="HeadlinesNewsTime">2.24</div>
                <div class="HeadlinesNewsYear">2020</div>
            </div>
            <div class="HeadlinesNews">
                <div class="HeadlinesNewsTitel">
                    坚决把四线共和行动统一到党中央决策部署上来
                </div>
                <div class="HeadlinesNewsTime">2.24</div>
                <div class="HeadlinesNewsYear">2020</div>
            </div>
            <div class="HeadlinesNews">
                <div class="HeadlinesNewsTitel">
                    封住的是疫情，传递的是真情——学校为长沙市公共卫生救治中心捐赠生活物资
                </div>
                <div class="HeadlinesNewsTime">2.24</div>
                <div class="HeadlinesNewsYear">2020</div>
            </div>
            <div class="HeadlinesNews">
                <div class="HeadlinesSeeAllNews">
                    查看全部新闻
                    <img src="../icons/chevron_right-24px.svg" alt="">
                </div>
            </div>
        </div>
        <script>
            $(".HeadlinesTitel").click(
                function () {
                    index = $(".HeadlinesTitel").index(this);
                    classname = document.getElementsByClassName("HeadlinesTitel");

                    // classname[index].id = 'TitelBackTitel';
                    // alert(index)
                    if (classname[index].id == 'TitelBackTitel') {
                        if (index == 0) {
                            classname[0].id = 'Titel';
                            classname[1].id = 'TitelBackTitel';
                            textchange(classname, index)
                        } else if (index == 1) {
                            classname[0].id = 'TitelBackTitel';
                            classname[1].id = 'Titel';
                            textchange(classname, index)
                        }
                    }
                }

            );

            function textchange(classname, index) {
                HeadlinesNewsTitel = document.getElementsByClassName("HeadlinesNewsTitel");
                HeadlinesNewsTime = document.getElementsByClassName("HeadlinesNewsTime");
                HeadlinesNewsYear = document.getElementsByClassName("HeadlinesNewsYear");
                HeadlinesNewsList = [
                    [
                        ['农业生产一线亦是战“疫”一线 农大专家教授躬身入局（图组）', '2.24', '2020']
                    ],
                    [
                        ['湖南农业大学2018-2019学年本科教学质量报告', '12.31', '2019']
                    ]
                ]
                // alert(HeadlinesNewsList[index][0]);
                for (i = 0; i < 1; i++) {
                    HeadlinesNewsTitel[0].innerHTML = HeadlinesNewsList[index][i][0];
                    HeadlinesNewsTime[0].innerHTML = HeadlinesNewsList[index][i][1];
                    HeadlinesNewsYear[0].innerHTML = HeadlinesNewsList[index][i][2];
                }
            }
        </script>
    </div>
    <div>
        <div class="StudentWorks">
            <div style="margin-left: 30px;">
                <div class="Titel">学生作品</div>
                <div class="TitelBack">PROTFOLIO</div>
            </div>
        </div>
        <table class="StudentWorksTable" border="0" cellspacing='4px'>
            <tr>
                <th class="StudentWorksTableImg"></th>
                <th class="StudentWorksTableImg StudentWorksTableImgNone"></th>
                <th class="StudentWorksTableImg"></th>
            </tr>
            <tr>
                <th class="StudentWorksTableImg"></th>
                <th class="StudentWorksTableImg StudentWorksTableImgNone"></th>
                <th class="StudentWorksTableImg"></th>
            </tr>
            <tr>
                <th class="StudentWorksTableImg"></th>
                <th class="StudentWorksTableImg StudentWorksTableImgNone"></th>
                <th class="StudentWorksTableImg"
                    style="background-image: url('../img/首页学生作品/作品1.jpg');background-size: cover;">
                    <div class="SeeMore">

                        <div class="SeeAll">
                            查看全部作品
                            <svg class="SeeAllImg" xmlns="http://www.w3.org/2000/svg" height="24" viewBox="0 0 24 24" width="24 ">
                                <path d="M0 0h24v24H0V0z" fill="none" />
                                <path d="M10 17l5-5-5-5v10z" fill="#ffffff" />
                            </svg>
                        </div>
                    </div>
                </th>
            </tr>
        </table>
    </div>
    <div class="Thematic">
        <div class="ThematicAVTIVITES">
            <div class="Titel">专题专栏</div>
            <div class="TitelBack">AVTIVITES</div>
        </div>
        <div class="ThematicTitels">
            <div class="ThematicTitel">
                <div class="ThematicTitelNum">1.</div>
                <div class="ThematicTitelName">不忘初心，牢记使命</div>
            </div>
            <div class="ThematicTitel">
                <div class="ThematicTitelNum">2.</div>
                <div class="ThematicTitelName">学习十九大</div>
            </div>
            <div class="ThematicTitel">
                <div class="ThematicTitelNum">3.</div>
                <div class="ThematicTitelName">两学一做”学习教育</div>
            </div>
            <div class="ThematicTitel">
                <div class="ThematicTitelNum">4.</div>
                <div class="ThematicTitelName">某个专题活动</div>
            </div>
        </div>
    </div>
    <div class="foot"></div>
    <!-- <div class="footer">
        <div class="SuspensionLogo">
            <img class="footerLogo" src="./Logo/学校 logo.svg" alt="">
            <div style="width: 1px;margin-left: 28px;margin-right: 28px;display: inline-block;height: 44px;background-color: #bbbbbb;">
            </div>
            <img class="footerLogo" src="./Logo/景艺 logo.svg" alt="">
            <div class="FooterAddress">
                <p>地址 湖南省长沙市芙蓉区农大路1号 410001</p>
                <p>电话 (0731) 8461 8001</p>
            </div>
            <div class="FooterWechatAndWeibo">
                <div class="wechat">
                    <div class="wechatIMG">
                        <img src="./New Folder With Items/IMG_9450.JPG" >
                    </div>
                    <img src="./New Folder With Items/wechat.svg" alt="">
                </div>
                <div class="weibo">
                    <img src="./New Folder With Items/weibo.svg" alt="">
                </div>
            </div>
        </div>
    </div> -->
    <div class="Suspension">
        © 2002-2020 湖南农业大学 Hunan Agricultural University | 湘教 QS3-200504-000029 | 湘ICP备 05000003号 | 湘公网备案 43010202001068号
    </div>
</body>
<script>
    var index = 0;
    links = ['../img/首页banner/新媒体中心 王冰.jpg',
        '../img/首页banner/新媒体中心 徐予可.jpg',
        '../img/首页banner/新媒体中心 王冰.jpg',
        '../img/首页banner/新媒体中心 徐予可.jpg'
    ];
    Carouseltext = [
        ['照片标题', '刘璐', '摄影'],
        ['照片标题', '徐予可', '摄影'],
        ['照片标题', '刘璐', '摄影'],
        ['照片标题', '徐予可', '摄影']
    ]

    function setvule(index) {
        document.getElementById("CarouselTitle").innerHTML = Carouseltext[index][0];
        document.getElementsByClassName("CarouselName")[0].innerHTML = Carouseltext[index][1];
        document.getElementsByClassName("CarouselName")[1].innerHTML = Carouseltext[index][2];
    }

    function crtlbutton(index) {
        for (i = 0; i < 4; i++) {
            if (i == index) {
                $('.CarouselButton').eq(i).css({
                    'background-color': 'rgba(255, 255, 255, 0.8)'
                })
            } else {
                $('.CarouselButton').eq(i).css({
                    'background-color': 'rgba(255, 255, 255, 0.4)'
                })
            }
        }
    }

    $(".CarouselButton").click(
        function () {
            index = $(".CarouselButton").index(this);
            $('.CarouselboxImg').css({
                'background': 'url(' + '"' + links[index] + '"' + ')',
                'background-size': 'cover'
            })
            crtlbutton(index)
            setvule(index)
        }

    );
    $(document).ready(
        function cycle() {
            $('.CarouselButton').eq(0).css({
                'background-color': 'rgba(255, 255, 255, 0.8)'
            })
            setInterval(function () {
                if (index == 3) {
                    index = 0;
                } else {
                    index = index + 1;
                }
                $('.CarouselboxImg').css({
                    'background': 'url(' + '"' + links[index] + '"' + ')',
                    'background-size': 'cover'
                })
                crtlbutton(index)
                setvule(index)
            }, 5000);
        }
    );
</script>

</html>